import styled from 'styled-components'
import border from '@a/styled/border'

const MenuWrap = border(styled.div`
  flex: 1;
  display: flex;
  overflow: hidden;
  // border-top: solid 1px #efefef;
  aside {
    overflow-y: scroll;
    width: .9rem;
    li{
      height: .5rem;
      line-height: .5rem;
      text-align: center;
      &.active {
        color: #ee742f;
        background-color: #fff;
        span {
          display: inline-block;
          height: 100%;
          border-bottom: 2px solid #ee742f;
        }
      }
    }
  }
  section {
    overflow-y: scroll;
    flex: 1;
    padding: .25rem;
    background-color: #fff;
    ul {
      display: flex;
      flex-wrap: wrap;
      li {
        width: 33.33333%;
        height: .45rem;
        text-align: center;
      }
    }
  }
`)

export {
  MenuWrap
}
// const MenuWrap = border(MenuWrap1)
// export { MenuWrap } 或者
// export default {
  // MenuWrap: border(MenuWrap) 
// }